From 3478156fb46915d52bea3765cec3efac71e357d4 Mon Sep 17 00:00:00 2001 From: Lapo Calamandrei Date: Tue, 8 Jul 2014 11:22:59 +0200 Subject: [PATCH] Adwaita: generalize inline and search bars So the style get applied not only to say .toolbar.search-bar, but .search-bar. Need to figure out something for possible missing borders. --- gtk/resources/theme/Adwaita/_common.scss | 27 +++++++------ .../theme/Adwaita/gtk-contained-dark.css | 38 ++++++++++--------- gtk/resources/theme/Adwaita/gtk-contained.css | 38 ++++++++++--------- 3 files changed, 55 insertions(+), 48 deletions(-) diff --git a/gtk/resources/theme/Adwaita/_common.scss b/gtk/resources/theme/Adwaita/_common.scss index 21eed132f7..e91d0c6c5e 100644 --- a/gtk/resources/theme/Adwaita/_common.scss +++ b/gtk/resources/theme/Adwaita/_common.scss @@ -640,18 +640,21 @@ GtkComboBox { border-radius: 6px; padding: 12px; } - //searchbar & inline-toolbar - &.inline-toolbar { - @extend %inset-bar; - border-width: 0 1px 1px; - padding: 3px; - border-radius: 0 0 4px 4px; - } - &.search-bar { - @extend %inset-bar; - border-width: 0 0 1px; - padding: 3px; - } +} + +//searchbar & inline-toolbar +.inline-toolbar { + @extend .toolbar; + @extend %inset-bar; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 4px 4px; +} +.search-bar { + @extend .toolbar; + @extend %inset-bar; + border-width: 0 0 1px; + padding: 3px; } %inset-bar { diff --git a/gtk/resources/theme/Adwaita/gtk-contained-dark.css b/gtk/resources/theme/Adwaita/gtk-contained-dark.css index 6939b94a48..83c6226fa2 100644 --- a/gtk/resources/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/resources/theme/Adwaita/gtk-contained-dark.css @@ -539,17 +539,17 @@ background-image: linear-gradient(to bottom, #363c3c); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } -.inline-toolbar.toolbar GtkToolButton > .button.flat { +.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat { border-radius: 0; border-left-style: none; } -.inline-toolbar.toolbar GtkToolButton:first-child > .button.flat { +.inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat { border-radius: 3px 0 0 3px; border-left-style: solid; } -.inline-toolbar.toolbar GtkToolButton:last-child > .button.flat { +.inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat { border-radius: 0 3px 3px 0; } -.inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat { +.inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat { border-right-style: solid; } -.inline-toolbar.toolbar GtkToolButton:only-child > .button.flat { +.inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat { border-radius: 3px; border-style: solid; } @@ -786,27 +786,29 @@ GtkComboBox { /************ * Toolbars * ************/ -.toolbar { +.toolbar, .inline-toolbar, .search-bar { padding: 6px; background-color: #393f3f; } - .toolbar.osd { + .toolbar.osd, .osd.inline-toolbar, .osd.search-bar { background-color: rgba(0, 0, 0, 0.6); border-radius: 6px; padding: 12px; } - .toolbar.inline-toolbar { - border-width: 0 1px 1px; - padding: 3px; - border-radius: 0 0 4px 4px; } - .toolbar.search-bar { - border-width: 0 0 1px; - padding: 3px; } - -.toolbar.inline-toolbar, .toolbar.search-bar { + +.inline-toolbar { + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 4px 4px; } + +.search-bar { + border-width: 0 0 1px; + padding: 3px; } + +.inline-toolbar, .search-bar { border-style: solid; border-color: #1c1f1f; background-color: #303535; box-shadow: inset 0 2px 3px -1px #242727; } - .toolbar.inline-toolbar:backdrop, .toolbar.search-bar:backdrop { + .inline-toolbar:backdrop, .search-bar:backdrop { border-color: #1e2222; background-color: #2f3434; box-shadow: none; } @@ -1089,7 +1091,7 @@ GtkTreeView.view.progressbar { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); } .popover:backdrop { box-shadow: none; } - .popover > .list, .popover > .view, .popover > .toolbar { + .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover > .search-bar { background-color: transparent; } .popover .separator { font-size: 80%; diff --git a/gtk/resources/theme/Adwaita/gtk-contained.css b/gtk/resources/theme/Adwaita/gtk-contained.css index 64cb70212c..95d6a690a7 100644 --- a/gtk/resources/theme/Adwaita/gtk-contained.css +++ b/gtk/resources/theme/Adwaita/gtk-contained.css @@ -531,17 +531,17 @@ background-image: linear-gradient(to bottom, #e7e7e7); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } -.inline-toolbar.toolbar GtkToolButton > .button.flat { +.inline-toolbar.toolbar GtkToolButton > .button.flat, .inline-toolbar GtkToolButton > .button.flat { border-radius: 0; border-left-style: none; } -.inline-toolbar.toolbar GtkToolButton:first-child > .button.flat { +.inline-toolbar.toolbar GtkToolButton:first-child > .button.flat, .inline-toolbar GtkToolButton:first-child > .button.flat { border-radius: 3px 0 0 3px; border-left-style: solid; } -.inline-toolbar.toolbar GtkToolButton:last-child > .button.flat { +.inline-toolbar.toolbar GtkToolButton:last-child > .button.flat, .inline-toolbar GtkToolButton:last-child > .button.flat { border-radius: 0 3px 3px 0; } -.inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat { +.inline-toolbar.toolbar GtkToolButton:last-child:dir(rtl) > .button.flat, .inline-toolbar GtkToolButton:last-child:dir(rtl) > .button.flat { border-right-style: solid; } -.inline-toolbar.toolbar GtkToolButton:only-child > .button.flat { +.inline-toolbar.toolbar GtkToolButton:only-child > .button.flat, .inline-toolbar GtkToolButton:only-child > .button.flat { border-radius: 3px; border-style: solid; } @@ -778,27 +778,29 @@ GtkComboBox { /************ * Toolbars * ************/ -.toolbar { +.toolbar, .inline-toolbar, .search-bar { padding: 6px; background-color: #ededed; } - .toolbar.osd { + .toolbar.osd, .osd.inline-toolbar, .osd.search-bar { background-color: rgba(0, 0, 0, 0.6); border-radius: 6px; padding: 12px; } - .toolbar.inline-toolbar { - border-width: 0 1px 1px; - padding: 3px; - border-radius: 0 0 4px 4px; } - .toolbar.search-bar { - border-width: 0 0 1px; - padding: 3px; } - -.toolbar.inline-toolbar, .toolbar.search-bar { + +.inline-toolbar { + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 4px 4px; } + +.search-bar { + border-width: 0 0 1px; + padding: 3px; } + +.inline-toolbar, .search-bar { border-style: solid; border-color: #a1a1a1; background-color: #d6d6d6; box-shadow: inset 0 2px 3px -1px #b6b6b6; } - .toolbar.inline-toolbar:backdrop, .toolbar.search-bar:backdrop { + .inline-toolbar:backdrop, .search-bar:backdrop { border-color: #a8a8a8; background-color: #d4d4d4; box-shadow: none; } @@ -1082,7 +1084,7 @@ GtkTreeView.view.progressbar { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); } .popover:backdrop { box-shadow: none; } - .popover > .list, .popover > .view, .popover > .toolbar { + .popover > .list, .popover > .view, .popover > .toolbar, .popover > .inline-toolbar, .popover > .search-bar { background-color: transparent; } .popover .separator { font-size: 80%; -- 2.30.2